.left{width:270px;min-height:100%;position: fixed;z-index: 1;left:0;top:0;background-color:#001529;overflow: auto;transition: width .3s;}
.left.slide{width:0px;}
.left .logo{width:60%;height:40px;margin:0 auto;background-color:#2d8cf0;margin-top:20px;border-radius: 5px;font-size:18px;color:#FFFFFF;line-height:40px;text-align:center;font-weight: bold;}
.left .column-wrap{width:100%;}

.main{width:auto;min-height:100vh;overflow-y: auto;margin-left:270px;}
.main.full{width:100%;margin-left:0px;}
.main .header{width:auto;height:60px;display:flex;align-items: center;padding-left:50px;position: relative;z-index:1;}
.main .slider-icon{width:30px;height:auto;cursor:pointer;transition: transform 1s;}
.main .slider-icon.rotate{transform: rotate(90deg);}
.main .slider-icon .line{width:100%;height:4px;background-color:#5C6B77;margin-bottom:5px;}
.main .slider-icon:before{width:100%;height:4px;background-color:#5C6B77;content:'';display:block;margin-bottom:5px;}
.main .slider-icon:after{width:100%;height:4px;background-color:#5C6B77;content:'';display:block;}
.main .header .nav-position{margin-left:20px;font-size:16px;}
.main .out-login{width:auto;height:auto;position: absolute;right:40px;top:25px;cursor: pointer}

.main .nav{width:100%;height:50px;background-color:#F0F0F0;display:flex;}
.main .nav .arrow{width:30px;height:100%;background-color:#FFFFFF;font-size:20px;text-align:center;line-height:50px;cursor:pointer;}
.main .nav .tags{width:auto;height:100%;flex:1;position: relative;z-index:1;overflow:hidden;}
.main .nav .tags .item{width:auto;height:auto;background-color:#FFFFFF;font-size:16px;padding:8px 20px;margin-top:6px;margin-left:5px;margin-right:5px;position:relative;z-index:1;cursor:pointer;}
.main .nav .tags .item.active{color:#2d8cf0}
.main .nav .tags .item .close{width:auto;height:auto;position: absolute;right:5px;top:5px;z-index:1;font-size:12px;}
.main .nav .tags .tags-data{width:auto;height:100%;position: absolute;z-index:1;left:0;top:0;display:-webkit-box;transition: left 1s;}
